<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社团报名表</title>
</head>

<body>
    <header>
        <div class="container">
            <h1>校园社团报名表</h1>
            <p>加入社团，跃动青春！</p>
        </div>
    </header>
    <form action="" method="post" name="jianli">
        <table>
            <h2 class="section-title">个人信息：</h2>
            <tr>
                <td>姓名：</td>
                <td><input type="text" value="请输入姓名"></td>
            </tr>
            <tr>
                <td>学号：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>学院：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>专业：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>年级：</td>
                  <td>
                <select name="年级" id="">
                    <option value=""> 大一</option>
                    <option value="">大二</option>
                    <option value="">大三</option>
                    <option value="">大四</option>
                    <option value="">研究生</option>
                </select>
                </td>
            </tr>
            <tr>
                <td>手机号码：</td>
                <td> <input type="tel"></td>
            </tr>
            <tr>
                <td>电子邮箱：</td>
                <td> <input type="email"></td>
            </tr>
            <tr>
             <td><h2 class="section-title">社团选择：</h2></td>
            <td><p>请选择您想加入的社团（可多选）</p></td>
            <tr>
                 </tr>
           
                <td>音乐社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
            </tr>
           
                <td>舞蹈社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>篮球社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>游泳社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>摄影社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>天文社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>文学社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>英语社：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
             </tr>
           
                <td>志愿者协会：</td>
                <td><input type="checkbox" name="club-option"></td>
            </tr>
            <tr>
                <td><h2 class="section-title">兴趣与经验：</h2></td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td><textarea></textarea></td>
            </tr>
            <tr>
                <td>相关经验或技能：</td>
                <td><textarea></textarea></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit">
                    <input type="reset">
                </td>
            </tr>
        </table>

    </form>
</body>

</html>